<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Insert title here</title>
	<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
	<script type="text/javascript">
		$(function() {
			// $("#click").click(random_num01);
			$("#click").click(random_num02);
		});
		// 方法一
		function random_num01() {
			$.ajax({
				"url" : "/ajax02/random_number.do",
				"type" : "post",
				"dataType" : "text",
				"success" : function(data) {
					$("#random_number").html(data);
				}
			});
		}
		
		// 方法二(如果不对服务器返回的数据不进行处理直接放到相应的dom节点时使用)
		function random_num02() {
			/*
				向服务器发送异步请求（请求地址是randomNumber.do）,
				然后服务器返回的数据直接添加到#d1对应的节点（相当于给
				innerHTML属性进行赋值）
			*/
			$("#random_number").load("/ajax02/random_number.do");
		}
	</script>
</head>
<body>
	<a id="click" href="#">点击产生一个随机数</a>
	<p id="random_number"></p>
</body>
</html>